<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表页</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="goodslist.css">
</head>

<body>
    <header>
        <div class="nav">
            <!-- 头部左侧文字链接 -->
            <ul class="nav-left">
                <li class="conweixin">
                    <a href="javascript:;">关注</a>
                    <div class="weixin">
                        <div class="weixin-con">
                            <img src="img/weChat.jpg" alt="">
                            <p>关注公众号</p>
                        </div>
                    </div>
                </li>
                <li class="loadapp">
                    <a href="javascript:;">下载APP</a>
                    <div class="app">
                        <div class="app-con">
                            <img src="img/app.jpg" alt="">
                            <p>优购app下载</p>
                        </div>
                    </div>
                </li>
            </ul>

            <!-- 头部右侧文字链接 -->
            <ul class="nav-right">
                <li class="first">
                    <a href="login.html" class="login">登录</a>
                    <span>/</span>
                    <a href="register.html" class="register">注册</a>
                </li>
                <li class="collect">
                    <a href="javascript:;"><i></i>收藏</a>
                </li>
                <li class="bag">
                    <a href="javascript:;"><i></i>购物袋</a>
                </li>
                <li class="publicword">
                    <a href="javascript:;">公告</a>
                    <div class="public">
                        <ul class="public-con">
                            <li><a href="javascript" class="red">近期物流情况安排通知</a></li>
                            <li><a href="javascript">优购客服电话变更</a></li>
                            <li><a href="javascript">关闭分享购频道</a></li>
                            <li><a href="javascript">提醒会员谨防诈骗电话</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </header>

    <!-- logo区 -->
    <!-- logo图 -->
    <h1>
        <a href="javascript:;"><img src="img/logo.png" alt=""></a>
    </h1>
    <div class="logo">

        <!-- 首页列表 -->
        <div class="list">
            <ul class="list-con">
                <li><a href="index.html">首页</a></li>
                <li>
                    <a href="#">女鞋</a>
                    <!-- 女鞋 -->
                    <div class="listall">
                        <div class="listall-con">
                            <dl class="dl-first dl-duo">
                                <dt><a href="#" target="_blank">品牌</a></dt>
                                <dd>
                                    <a href="#" target="_blank">百丽</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">他她</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">天美意</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">思加图</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">森达</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">真美诗</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">妙丽</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">拔佳</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">暇步士</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">百思图</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">圣伽步</a>
                                </dd>
                            </dl>
                            <dl class="dl-shao">
                                <dt><a href="#" target="_blank">热销推荐</a></dt>
                                <dd>
                                    <a href="#" target="_blank">2020新款单鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">专柜同款</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">人气TOP</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">老爹鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">乐福鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">小白鞋</a>
                                </dd>
                            </dl>
                            <dl class="dl-shao">
                                <dt><a href="#" target="_blank">女士靴子</a></dt>
                                <dd>
                                    <a href="#" target="_blank">短靴</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">中靴</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">长靴</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">绒里靴</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">马丁靴</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">雪地靴</a>
                                </dd>
                            </dl>
                            <dl class="dl-duo">
                                <dt><a href="#" target="_blank">女士单鞋</a></dt>
                                <dd>
                                    <a href="#" target="_blank">浅口鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">满帮鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">尖头鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">乐福鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">玛丽珍</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">英伦风</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">休闲鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">运动鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">高跟鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">平底鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">细跟鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">粗跟鞋</a>
                                </dd>
                            </dl>
                            <dl class="dl-shao">
                                <dt><a href="#" target="_blank">女士凉鞋</a></dt>
                                <dd>
                                    <a href="#" target="_blank">2020新款</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">穆勒凉鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">中空凉鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">纯凉鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">凉拖</a>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="#">男鞋</a>
                    <!-- 男鞋 -->
                    <div class="listall">
                        <div class="listall-con">
                            <dl class="dl-first dl-duo">
                                <dt><a href="#" target="_blank">品牌</a></dt>
                                <dd>
                                    <a href="#" target="_blank">百丽</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">森达</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">暇步士</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">拔佳</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">天美意</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">他她</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">百思图</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">伐拓</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">圣伽步</a>
                                </dd>
                            </dl>
                            <dl class="dl-shao">
                                <dt><a href="#" target="_blank">热销推荐</a></dt>
                                <dd>
                                    <a href="#" target="_blank">2020新款</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">专柜同款</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">热销TOP</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">小白鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">老爹鞋</a>
                                </dd>
                            </dl>
                            <dl class="dl-duo">
                                <dt><a href="#" target="_blank">精选分类</a></dt>
                                <dd>
                                    <a href="#" target="_blank">正装鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">休闲鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">系带鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">懒人鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">乐福鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">布洛克鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">满帮鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">纯凉鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">冬靴</a>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="#">运动</a>
                    <!-- 运动 -->
                    <div class="listall">
                        <div class="listall-con">
                            <dl class="dl-first dl-duo">
                                <dt><a href="#" target="_blank">品牌</a></dt>
                                <dd>
                                    <a href="#" target="_blank">阿迪达斯</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">耐克</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">三叶草</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">阿迪休闲</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">彪马</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">匡威</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">鬼冢虎</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">亚瑟士</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">锐步</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">万斯</a>
                                </dd>
                            </dl>
                            <dl class="dl-duo">
                                <dt><a href="#" target="_blank">运动鞋</a></dt>
                                <dd>
                                    <a href="#" target="_blank">跑步鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">休闲鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">复刻鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">篮球鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">户外鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">帆布鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">网球鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">综训鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">健步鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">足球鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">凉鞋/拖鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">包配</a>
                                </dd>
                            </dl>
                            <dl class="dl-shao">
                                <dt><a href="#" target="_blank">运动服</a></dt>
                                <dd>
                                    <a href="#" target="_blank">夹克</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">卫衣/套头衫</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">长裤</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">T恤</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">POLP衫</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">短裤</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">胸衣</a>
                                </dd>
                            </dl>
                            <dl class="dl-duo">
                                <dt><a href="#" target="_blank">关键词</a></dt>
                                <dd>
                                    <a href="#" target="_blank">专柜同款</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">夏季新品</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">贝壳头鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">SALE</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">玛丽珍</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">英伦风</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">休闲鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">运动鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">高跟鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">平底鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">细跟鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">粗跟鞋</a>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="#">户外</a>
                    <!-- 户外 -->
                    <div class="listall">
                        <div class="listall-con">
                            <dl class="dl-first dl-shao">
                                <dt><a href="#" target="_blank">品牌</a></dt>
                                <dd>
                                    <a href="#" target="_blank">CAT</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">添柏岚</a>
                                </dd>
                            </dl>
                            <dl class="dl-shao">
                                <dt><a href="#" target="_blank">户外鞋</a></dt>
                                <dd>
                                    <a href="#" target="_blank">工装鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">休闲鞋</a>
                                </dd>
                            </dl>
                            <dl class="dl-shao">
                                <dt><a href="#" target="_blank">户外服</a></dt>
                                <dd>
                                    <a href="#" target="_blank">T恤</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">休闲裤</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">羽绒服</a>
                                </dd>
                            </dl>
                            <dl class="dl-shao">
                                <dt><a href="#" target="_blank">关键词</a></dt>
                                <dd>
                                    <a href="#" target="_blank">速干</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">大黄靴</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">热销TOP</a>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="#">儿童</a>
                    <!-- 儿童 -->
                    <div class="listall">
                        <div class="listall-con">
                            <dl class="dl-first dl-shao">
                                <dt><a href="#" target="_blank">热门品牌</a></dt>
                                <dd>
                                    <a href="#" target="_blank">阿迪</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">耐克</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">三叶草</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">鬼冢虎</a>
                                </dd>
                            </dl>
                            <dl class="dl-shao">
                                <dt><a href="#" target="_blank">童鞋</a></dt>
                                <dd>
                                    <a href="#" target="_blank">复刻鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">休闲鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">篮球鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">跑步鞋</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">训练鞋</a>
                                </dd>
                            </dl>
                            <dl class="dl-shao">
                                <dt><a href="#" target="_blank">童装</a></dt>
                                <dd>
                                    <a href="#" target="_blank">儿童套装</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">裤装</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">外套/风衣</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">卫衣</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">棉服/羽绒服</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">裙装</a>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="/goodslist">箱包</a>
                    <!-- 箱包 -->
                    <div class="listall">
                        <div class="listall-con">
                            <dl class="dl-first dl-duo">
                                <dt><a href="#" target="_blank">品牌</a></dt>
                                <dd>
                                    <a href="#" target="_blank">百丽箱包</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">百思图</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">天美意</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">他她</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">思加图</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">拔佳</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">真美诗</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">妙丽</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">圣伽步</a>
                                </dd>
                            </dl>
                            <dl class="dl-shao">
                                <dt><a href="#" target="_blank">热销推荐</a></dt>
                                <dd>
                                    <a href="#" target="_blank">2019新款</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">人气TOP</a>
                                </dd>
                            </dl>
                            <dl class="dl-shao">
                                <dt><a href="#" target="_blank">魅力女包</a></dt>
                                <dd>
                                    <a href="#" target="_blank">手提/手包</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">单肩/斜挎</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">双肩包</a>
                                </dd>
                            </dl>
                            <dl class="dl-shao">
                                <dt><a href="#" target="_blank">经典男包</a></dt>
                                <dd>
                                    <a href="#" target="_blank">单肩/斜挎</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">手提/手包</a>
                                </dd>
                                <dd>
                                    <a href="#" target="_blank">双肩包</a>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </li>
            </ul>

            <div class="search">
                <input type="text">
                <span></span>
            </div>
        </div>
    </div>

    <!-- 菜单 -->
    <ul class="menu">
        <li>
            <a href="index.html">首页</a>
            <span>&nbsp;>&nbsp;&nbsp;</span>
        </li>
        <li>
            <a href="goodslist.html">箱包</a>
        </li>
    </ul>

    <!-- 内容区 -->
    <div class="main">
        <div class="main-left">
            <p>共>8个结果</p>
            <ul class="list">
                <li><i></i>品牌</li>
                <li><i></i>品类</li>
                <li><i></i>性别</li>
                <li><i></i>颜色</li>
                <li><i></i>价格</li>
                <li><i></i>尺码</li>
                <li><i></i>风格</li>
                <li><i></i>款式季节</li>
            </ul>
        </div>
        <div class="main-right">
            <ul class="title">
                <li><a href="#">新品</a></li>
                <li><a href="#" class="point">热销</a></li>
                <li><a href="#">推荐</a></li>
                <li><a href="#">价格</a></li>
                <li><a href="#">折扣</a></li>
            </ul>

            <ul class="content">
                <% goodslist.forEach(function(item){ %>
                    <li>
                        <a href="/gooddetail?id=<%= item.id %>">
                            <%- item.content %>
                        </a>
                    </li>
                    <% }) %>
                        <!-- <li>
                    <a href="">
                        <img src="img/bag1.jpg" alt="">
                        <div class="word">
                            <h3>BELLE/百丽箱包2020新商场同款菱格链条包单肩斜挎女包X4926AN0</h3>
                            <h4>￥&nbsp;309<span>￥&nbsp;709</span></h4>
                        </div>
                    </a>
                </li> -->
                        <!-- <li>
                    <a href="">
                        <img src="img/bag2.jpg" alt="">
                        <div class="word">
                            <h3>BELLE/百丽箱包2020新商场同款人造革时尚背提包X4885BN0</h3>
                            <h4>￥&nbsp;239<span>￥&nbsp;799</span></h4>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="img/bag3.jpg" alt="">
                        <div class="word">
                            <h3>BELLE/百丽2020冬新商场同款人造革时尚背单肩马鞍包X5424DX0</h3>
                            <h4>￥&nbsp;339<span>￥&nbsp;699</span></h4>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="img/bag4.jpg" alt="">
                        <div class="word">
                            <h3>BELLE/百丽箱包2020秋新商场同款牛剖层皮革手提单肩包X5349CX0</h3>
                            <h4>￥&nbsp;459<span>￥&nbsp;1099</span></h4>
                        </div>
                    </a>
                </li>

                <li>
                    <a href="">
                        <img src="img/bag5.jpg" alt="">
                        <div class="word">
                            <h3>BELLE/百丽2020冬新商场同款压花人造革时尚单肩马鞍包X5424DX0</h3>
                            <h4>￥&nbsp;339<span>￥&nbsp;699</span></h4>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="img/bag6.jpg" alt="">
                        <div class="word">
                            <h3>百思图2020秋季新款极简通勤风拼色手提斜挎托特子母包女X1930CX0</h3>
                            <h4>￥&nbsp;189<span>￥&nbsp;499</span></h4>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="img/bag7.jpg" alt="">
                        <div class="word">
                            <h3>BELLE/百丽箱包2020冬新商场同款人造革时尚背提包X5363DX0</h3>
                            <h4>￥&nbsp;339<span>￥&nbsp;799</span></h4>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="img/bag8.jpg" alt="">
                        <div class="word">
                            <h3>15分钟2020秋新商场同款人造革时尚水桶包X1434CX0</h3>
                            <h4>￥&nbsp;299<span>￥&nbsp;369</span></h4>
                        </div>
                    </a>
                </li> -->
            </ul>
        </div>
    </div>

    <div class="footer-top">
        <ul>
            <li>
                <span></span> 正品保证
            </li>
            <li>
                <span></span> 10天退换货
            </li>
            <li>
                <span></span> 10天调补差价额
            </li>
            <li>
                <span></span> 09:00--12:00在线客服
            </li>
        </ul>
    </div>

    <div class="footer-bot">
        <ul class="con">
            <li>
                <dl>
                    <dt>新手帮助</dt>
                    <dd>
                        <a href="#" target="_blank">交易条款协议</a>
                    </dd>
                    <dd>
                        <a href="#" target="_blank">注册新用户</a>
                    </dd>
                    <dd>
                        <a href="#">会员积分详情</a>
                    </dd>
                </dl>
            </li>
            <li class="item">
                <dl>
                    <dt>购物指南</dt>
                    <dd>
                        <a href="#">订购流程</a>
                    </dd>
                    <dd>
                        <a href="#">验货与签收</a>
                    </dd>
                    <dd>
                        <a href="#">订单配送</a>
                    </dd>
                </dl>
            </li>
            <li class="item">
                <dl>
                    <dt>支付/配送</dt>
                    <dd>
                        <a href="#">支付方式</a>
                    </dd>
                    <dd>
                        <a href="#">配送方式</a>
                    </dd>
                    <dd>
                        <a href="">配送时间及运费</a>
                    </dd>
                </dl>
            </li>
            <li class="item">
                <dl>
                    <dt>售后服务</dt>
                    <dd>
                        <a href="#">退换货政策</a>
                    </dd>
                    <dd>
                        <a href="#">退款说明</a>
                    </dd>
                    <dd>
                        <a href="#">发票制度</a>
                    </dd>
                </dl>
            </li>
            <li class="item">
                <dl>
                    <dt>会员服务</dt>
                    <dd>
                        <a href="#">找回密码</a>
                    </dd>
                    <dd>
                        <a href="#">联系我们</a>
                    </dd>
                    <dd>&nbsp;</dd>
                </dl>
            </li>
            <li class="item">
                <dl>
                    <dt>优购客服</dt>
                    <dd>
                        <a>在线咨询</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">Email: ygservice@belle.com.cn
                    </a>
                    </dd>
                    <dd>
                        <a href="#">微信客服：优购时尚商城</a>
                    </dd>
                </dl>
            </li>
        </ul>

        <div class="three">
            <div class="t-left">
                <img src="img/n1.gif" alt="" style="width: 108px;height: 40px;">
                <img src="img/n2.png" alt="">
                <img src="img/n3.png" alt="">
            </div>
        </div>
        <ul class="about">
            <li>
                <a href="#">关于优购</a>|
            </li>
            <li>
                <a href="#">集团采购</a>|
            </li>
            <li>
                <a href="#">招贤纳士</a>|
            </li>
            <li>
                <a href="#">手机优购</a>|
            </li>
            <li>
                <a href="#">联系我们</a>|
            </li>
            <li>
                <a href="#">友情链接</a>
            </li>
        </ul>
        <p>Copyright © 2011-2016 Yougou Technology Co., Ltd.粤ICP备09070608号 深公网安备：4403101910665 粤公网安备 44030502000017号</p>
    </div>
</body>

</html>
<script src="jquery.min.js"></script>
<script src="index.js"></script>

<script>
    //判断是否登录
    let uname = sessionStorage.getItem("uname");
    // console.log(uname);
    if (uname) {
        $(".bag a").attr("href", `/car?username=${uname}`);

        $(".first").html($('<a href="javascript:;" class="mylist">我的订单</a>'))

        $(".mylist").click(function() {
            let ispay = 1;

            $(this).attr("href", `/look?username=${uname}&ispay=${ispay}`)
        })
    } else {
        $(".bag a").click(function() {

            alert("请先登录/注册您的账号")
        })
    }
</script>